<template>
  <div class="product-list-header frbs">
    <h2 class="title"><img class="star" :src="WJX">产品系列名称</h2>
    <div class="frbc">
      <router-link class="more" to="">更多<img class="arrow" :src="arrow"></router-link>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      WJX: require('@/common/image/wujiaoxingbaise.png'),
      arrow: require('@/common/image/arrow-right.png')
    }
  }
}
</script>

<style lang="stylus" scoped>
@import '~common/stylus/variable.styl'
.product-list-header
  margin-top .20rem
  padding-right .20rem
  height .8rem
  border-bottom 2px solid $theme-color
  background-color $cff
.title
  margin-top .16rem
  padding 0 .20rem
  height .64rem
  line-height .64rem
  border-top-right-radius 4px
  font-size .28rem
  color $cff
  background $theme-color
.star
  height .28rem
  width .28rem
.arrow
  height .24rem
  width .24rem
.more
  height .8rem
  line-height .8rem
  font-size .28rem
</style>
